<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit" />
<meta name="keywords" content="安安在线" />
<meta name="description" content="安安在线—安安在线平台打造特色的综合性众筹平台" />
<title>武汉安安在线网络科技有限公司  - 安安在线-人人可慈善，安安来筹款</title>
<link rel="stylesheet" type="text/css" href="./css/header.css" />
<link rel="stylesheet" type="text/css" href="./css/index.css" />
<link rel="stylesheet" href="./layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="./css/common.css" />
</head>
<body>
<!-- start header -->
<div class="header">
	<div class="nav">
		<div class="logo fl">
			<a  href="/">		
				<img src="./images/logo.png" />
			</a>
		</div>
		<div class="menu fl">
			<span><a href="./index.html">首页</a></span>
			<span><a href="###">全部项目</a></span>
			<span><a href="./NewsInformention.html">新闻资讯</a></span>
            <span><a href="./AboutMe.html">关于我们</a></span>
            <span><a href="./HelpCentre.html">帮助中心</a></span>
			<span><a href="./AppDownload.html" style="position: relative; cursor: pointer;">APP下载<i id="app_content" style='width:200px; height:200px; background:url("http://www.ananzx.cn/app/Tpl/ananzx/images/ananzx/android.png"); background-size:200px 200px; display:none; position: absolute; top:80px; left:-49px; z-index: 99999;'></i></a></span>
            <span><a href="./sentItem.html" class="up">+发起项目</a></span>
            <span style="position: relative; margin-left:40px; top:25px;">
				<input type="text" placeholder="项目搜索" style="width:160px;" value="" id="search_btn">
				<span style="position: absolute; right:10px; top:5px; cursor: pointer;"><img src="http://www.ananzx.cn/app/Tpl/ananzx/images/ananzx/search_icon.png" width="18" height="18" onclick="search();"></span>
			</span> 
            <div class="clear"></div>
		</div>
		<div class="u_center fr">
            <div class="u_login_reg" style="display: block;">
                <a href='./login.html'><i class="login">登录 </i> <i>|</i> <i>注册</i></a>
            </div>
        </div>
		<div class="clear"></div>
	</div>
</div>
<!-- end header --><!--start banner-->
<div class="slider">
        <div class="layui-carousel" id="test1" lay-filter="test1">
            <div carousel-item="">
                <div><img src="./images/banner_01.jpg" alt=""></div>
                <div><img src="./images/banner_02.jpg" alt=""></div>
                <div><img src="./images/banner_03.jpg" alt=""></div>
                <div><img src="./images/banner_04.jpg" alt=""></div>
                <div><img src="./images/banner_05.jpg" alt=""></div>
            </div>
        </div> 
    </div> 
</div>
<!-- 温馨提示 -->
<div class="tips">
    <div class="con_tips">
        <div class="left">
			<img src="./images/bell.png" alt="">&nbsp;
			<div class="winBox">
				<ul class="scroll">
					<li><a href="#">平台公告:热烈庆祝武汉安安在线平台全新升级上线！</a></li>
				</ul>
			</div>
        </div>
        <div class="right">
            <span class="time">2018-10-22 </span>
        </div>
    </div>
</div>
<div class="floor" id="block">
	<div class="floor_tit">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">正在进行</li>
                <li>项目预告</li>
            </ul>
            <div class="layui-tab-content">
				<div class="layui-tab-item layui-show" id="layui_show">
					<div class="fir_con_le">
						<div class="img"><img src="./images/1.png" alt=""></div>
						<div class="content">
							<h2>项目标题名称</h2>
							<p>项目内容内容项目内容内容项目内容内容项目内容内容项目内容内容</p>
						</div>
						<div class="con_step">
							<div class="step_top">
								<div class="layui-progress" lay-showPercent="yes">
									<div class="layui-progress-bar layui-bg-gre" lay-percent="30%"></div>
								</div>
							</div>
							<div class="step_bottom">
								<div>
									<span class="num">￥150</span>
									<span>已筹款</span>
								</div>
								<div>
									<span class="num">34</span>
									<span>支持数</span>
								</div>
								<div>
									<span class="num">60%</span>
									<span>筹款进度</span>
								</div>
							</div>
						</div>
					</div>
					<div class="fir_con_le">
							<div class="img"><img src="./images/2.png" alt=""></div>
							<div class="content">
								<h2>项目标题名称</h2>
								<p>项目内容内容项目内容内容项目内容内容项目内容内容项目内容内容</p>
							</div>
							<div class="con_step">
								<div class="step_top">
									<div class="layui-progress" lay-showPercent="yes">
										<div class="layui-progress-bar layui-bg-gre" lay-percent="30%"></div>
									</div>
								</div>
								<div class="step_bottom">
									<div>
										<span class="num">￥150</span>
										<span>已筹款</span>
									</div>
									<div>
										<span class="num">34</span>
										<span>支持数</span>
									</div>
									<div>
										<span class="num">60%</span>
										<span>筹款进度</span>
									</div>
								</div>
							</div>
					</div>
					<div class="fir_con_le">
							<div class="img"><img src="./images/3.png" alt=""></div>
							<div class="content">
								<h2>项目标题名称</h2>
								<p>项目内容内容项目内容内容项目内容内容项目内容内容项目内容内容</p>
							</div>
							<div class="con_step">
								<div class="step_top">
									<div class="layui-progress" lay-showPercent="yes">
										<div class="layui-progress-bar layui-bg-gre" lay-percent="30%"></div>
									</div>
								</div>
								<div class="step_bottom">
									<div>
										<span class="num">￥150</span>
										<span>已筹款</span>
									</div>
									<div>
										<span class="num">34</span>
										<span>支持数</span>
									</div>
									<div>
										<span class="num">60%</span>
										<span>筹款进度</span>
									</div>
								</div>
							</div>
					</div>
				</div>
				<div class="layui-tab-item layui-show">
					
				</div>
			</div>
        </div> 
	</div>
	<!-- 更多 -->
	<div class="more">
		<a href="###"><span id="more_object">更多项目+</span></a>
	</div>
</div>
<!-- 爱心案例展示 -->
<div class="heart_show">
	<div class="heart_inner">
		<h3>爱心案例展示</h3>
		<p class="capital">LOVE CASE SHOW</p>
		<div>
			<div class="heart_pic">
				<div class="mask">
					<img src="./images/2.png" alt="">
					<div class="mask_box">
						<span class="tit">项目名称</span>
						<!-- 进度条 -->
						<div class="con_step mask_step" >
							<div class="step_top">
								<div class="layui-progress" lay-showPercent="yes">
									<div class="layui-progress-bar layui-bg-gre" lay-percent="30%"></div>
								</div>
							</div>
							<div class="step_bottom">
								<div>
									<span class="num">￥150</span>
									<span>已筹款</span>
								</div>
								<div>
									<span class="num">34</span>
									<span>支持数</span>
								</div>
								<div>
									<span class="num">60%</span>
									<span>筹款进度</span>
								</div>
							</div>
						</div>
						<p class="bottom">项目地址/项目类型/项目情况</p>
					</div>
				</div>
			</div>
			<div class="heart_pic">
				<div class="mask">
						<img src="./images/1.png" alt="">
						<div class="mask_box">
							<span class="tit">项目名称</span>
							<!-- 进度条 -->
							<div class="con_step mask_step" >
								<div class="step_top">
									<div class="layui-progress" lay-showPercent="yes">
										<div class="layui-progress-bar layui-bg-gre" lay-percent="30%"></div>
									</div>
								</div>
								<div class="step_bottom">
									<div>
										<span class="num">￥150</span>
										<span>已筹款</span>
									</div>
									<div>
										<span class="num">34</span>
										<span>支持数</span>
									</div>
									<div>
										<span class="num">60%</span>
										<span>筹款进度</span>
									</div>
								</div>
							</div>
							<p class="bottom">项目地址/项目类型/项目情况</p>
						</div>
				</div>
			</div>
			<div class="heart_pic">
				<div class="mask">
						<img src="./images/3.png" alt="">
						<div class="mask_box">
							<span class="tit">项目名称</span>
							<!-- 进度条 -->
							<div class="con_step mask_step" >
								<div class="step_top">
									<div class="layui-progress" lay-showPercent="yes">
										<div class="layui-progress-bar layui-bg-gre" lay-percent="30%"></div>
									</div>
								</div>
								<div class="step_bottom">
									<div>
										<span class="num">￥150</span>
										<span>已筹款</span>
									</div>
									<div>
										<span class="num">34</span>
										<span>支持数</span>
									</div>
									<div>
										<span class="num">60%</span>
										<span>筹款进度</span>
									</div>
								</div>
							</div>
							<p class="bottom">项目地址/项目类型/项目情况</p>
						</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 行业咨询 -->
<div class="industry">
	<div class="industry_inner">
		<h4>行业资讯</h4>
		<p class="capital">INDUSTRY INFORMATION</p>
		<div class="pic_world">
			<a href="###"><img src="./images/news.png" alt=""></a>
			<div>
				<ul class="link">
					<li>
						<a href="###" class="current_this">享睡科技获颁‘双高新’企业殊荣</a>
						<span>2018-10-22</span>
					</li>
					<li>
						<a href="###">享睡科技获颁‘双高新’企业殊荣</a>
						<span>2018-10-22</span>
					</li>
					<li>
						<a href="###">享睡科技获颁‘双高新’企业殊荣</a>
						<span>2018-10-22</span>
					</li>
					<li>
						<a href="###">享睡科技获颁‘双高新’企业殊荣</a>
						<span>2018-10-22</span>
					</li>
					<li>
						<a href="###">享睡科技获颁‘双高新’企业殊荣</a>
						<span>2018-10-22</span>
					</li>
				</ul>
				<a href="###" class="industry_more"><span>查看更多资讯+</span></a>
			</div>
		</div>
	</div>
</div>
<!-- 安安在线  众筹平台-->
<div class="AboutUs">
	<h4>安安在线</h4>
	<p class="capital">ABOUT US</p>
	<div class="AboutUs_inner">
		<p>《安安在线》一家助力与慈善机构、服务大众的网站。《安安在线》是慈善众筹平台（WWW.ANAN.ZX.CN）,以慈善众筹、服务大众为宗旨的众筹服务平台</p>
		<p>公司发展的主题思想是：慈善众筹咨询服务（含疾病众筹、困难众筹、奖励众筹、鼓励众筹、其他众筹、物权股份服务等）兼营网路技术咨询</p>
		<p>服务：网站策划建设、流量点击率引入、SEC优化、百度权重提升、精准网络推广营销、商业运营管理等</p>
		<div class="AboutUs_pic">
			<img src="./images/icon_01.png" alt="">
			<img src="./images/icon_02.png" alt="">
			<img src="./images/icon_03.png" alt="">
		</div>
		<p class="AboutUs_del">
			<span>真实动人的故事</span>
			<span>广泛精准的传播</span>
			<span>专业贴心的服务</span>
		</p>
	</div>
</div>
<!-- 发起项目 -->
<div class="sent_item">
	<img src="./images/sent_item.jpg" alt="">
	<div class="sent_item_inner">
		<a href="./sentItem.html" id="send"><span>发起项目</span></a>
	</div>
</div>
<!--footer static-->
<div class="footer">
	<div class="footer-wrap">
		<div class="copy_text">
			<div class="footer_menu">
				<a href="###" title="新手指南">新手指南</a>
				<span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>									
				<a href="###" title="常见问题">常见问题</a>
				<span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>									
				<a href="###" title="注册协议">注册协议</a>
				<span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>									
				<a href="###" title="了解众筹">了解众筹</a>
				<span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>									
				<a href="###" title="关于我们">关于我们</a>
				<span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>									
				<a href="###" title="联系我们">联系我们</a>							
			</div>
			<p> Copyright © 2018 武汉安安在线网络科技有限公司版权所有&nbsp;</p>
        	<p>鄂ICP备18013819号</p>	
        </div>
	</div>
</div>
<!-- 返回顶部 -->
<div class="return_top">
	<div>
		<div class="fir">
			<a href="###">
				<img src="./images/icon/003_03.png" alt="" id="mobile">
				<img src="./images/icon/004_03.png" alt="" id="_mobile">
			</a>
		</div>
		<div class="sec">
			<a href="###">
				<img src="./images/icon/003_06.png" alt="" id="QQ">
				<img src="./images/icon/004_06.png" alt="" id="_QQ">
			</a>
		</div>
		<div class="thi">
			<a href="###">
				<img src="./images/icon/003_08.png" alt=""  id="Fir_w">
				<img src="./images/icon/004_08.png" alt=""  id="_Fir_w">
			</a>
		</div>
		<!-- <div class="fif">
			<a href="###">
				<img src="./images/icon/003_10.png" alt=""  id="Sec_w">
				<img src="./images/icon/004_10.png" alt=""  id="_Sec_w">
			</a>
		</div> -->
		<div class="sex">
			<a href="###">
				<img src="./images/sm03.png" alt="" class="gotop">
				<img src="./images/icon/004_12.png" alt="" class="_gotop">
			</a>
		</div>
	</div>
</div>
<script src="./js/ananzx/jquery.min3.2.1.js"></script>
<script src="./layer-v3.1.1/layer/layer.js"></script>
<script src="./layui/layui.js"></script>
<script src="./js/ananzx/index.js"></script> 
</body>
</html> 